<!doctype html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title>优点达资讯管理系统</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/login.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./lib/layui/layui.all.js"></script>
  <script src="./js/ajaxBase.js"></script>
  <!-- <script src="./js/login.js"></script> -->
  <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-bg">

  <div class="login layui-anim layui-anim-up">
    <div class="message">xx系统-管理登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" id="id1">
      <input name="login_name" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
      <hr class="hr15">
      <input name="password" lay-verify="required|pass" placeholder="密码" type="password" class="layui-input">
      <hr class="hr15">
      <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
      <hr class="hr20">
    </form>
  </div>

  <script>
    let form = layui.form
    let layer = layui.layer;
    // =========================验证===================
    form.verify({
      pass: [
        /^[\S]{6,12}$/
        , '密码必须6到12位，且不能出现空格'
      ]
    });

    //====================登录===================
    $('#id1').on('submit', function (e) {
      e.preventDefault()
      const i = $(this).serialize()
      axios.post('/index/login', i).then(({ data: { data, errno } }) => {
        // console.log(data);
        const { token } = data
        if (errno !== 0) return layer.msg('登录失败')
        localStorage.setItem('token', token)
        layer.msg('登录成功', {
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
          location.href = './index.html'
        });
      })
    })

  </script>
</body>

</html>